// 添加团购页 四级路由
import { UploadOutlined } from '@ant-design/icons';
import { Button, message, Upload } from 'antd';
import React from 'react';

const props = {
    name: 'file',
    action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
    headers: {
        authorization: 'authorization-text',
    },
    onChange(info) {
        if (info.file.status !== 'uploading') {
            console.log(info.file, info.fileList);
        }
        if (info.file.status === 'done') {
            message.success(`${info.file.name} file uploaded successfully`);
        } else if (info.file.status === 'error') {
            message.error(`${info.file.name} file upload failed.`);
        }
    },
};


function AddBroupBuying() {
    return (

        <div style={{ width: '100%', height: '1600px' }}>
            <div className='message' style={{ color: "#00C0EF", fontSize: "17px", margin: '30px 0' }}>
                基本信息
            </div>


            <div className='lou1' style={{ display: "flex" }}>
                <p style={{ color: "red", fontWeight: "bold" }}>*</p>
                <p>选择楼盘</p>
                <input type="text" style={{ width: "350px", height: '40px', marginTop: '-8px', marginLeft: '10px', marginRight: '20px' }} />
                <button style={{ width: "100px", height: '40px', marginTop: '-8px', marginLeft: '10px', marginRight: '20px', background: "#009688", color: "#fff", border: 'none', outline: 'none' }}>选择楼盘</button>
            </div>


            <div className='lou1' style={{ display: "flex", marginTop: '8px' }}>
                <p style={{ color: "red", fontWeight: "bold", marginLeft: "28px", marginTop: '8px' }}>*</p>
                <p style={{ marginTop: '8px' }}>标题</p>
                <input type="text" placeholder='团购标题' style={{ width: "350px", height: '40px', marginLeft: '10px', marginRight: '20px' }} />
            </div>

            <div style={{ display: "flex" }}>
                <p style={{ color: "red", fontWeight: "bold", marginTop: '13px' }}>*</p>
                <p style={{ marginTop: '13px' }}>团购价格</p>
                <input type="text" style={{ width: "100px", height: '40px', marginTop: '8px', marginLeft: "10px" }} placeholder='团购价格' />
                <p style={{ marginLeft: "15px", marginTop: '13px' }}>元/m²</p>
                <p style={{ marginLeft: '20px', marginTop: '13px' }}>原价格：</p>
                <input type="text" style={{ width: "100px", height: '40px', marginTop: '8px', marginLeft: "10px" }} placeholder='原价格' />
                <p style={{ marginLeft: "15px", marginTop: '13px' }}>元/m²</p>
            </div>

            <div style={{ display: "flex" }}>
                <p style={{ marginLeft: '6px', marginTop: '13px' }}>有效时间</p>
                <input type="text" style={{ width: "150px", height: '40px', marginTop: '8px', marginLeft: "10px" }} placeholder='2023-06-19' />
                <p style={{ margin: "15px 10px 0 20px" }}>至</p>
                <input type="text" style={{ width: "150px", height: '40px', marginTop: '8px', marginLeft: "10px" }} placeholder='2023-07-19' />
            </div>

            <div style={{ display: "flex" }}>
                <p style={{ marginTop: '13px' }}>报名人数</p>
                <input type="text" style={{ width: "350px", height: '40px', marginLeft: '16px', marginTop: '8px' }} placeholder='1' />
            </div>

            <div style={{ display: "flex" }}>
                <p style={{ marginLeft: "20px", marginTop: '13px' }}>缩略图</p>

                <Upload {...props}>
                    <Button icon={<UploadOutlined />} style={{ width: "100px", height: '40px', marginTop: '8px', marginLeft: '10px', marginRight: '20px', background: "#009688", color: "#fff", border: 'none', outline: 'none' }}>上传图片</Button>
                </Upload>

            </div>

            <div style={{ display: "flex" }}>
                <p style={{ marginLeft: "6px", marginTop: '13px' }}>轮播图片</p>
                <Upload {...props}>
                    <Button icon={<UploadOutlined />} style={{ width: "100px", height: '40px', marginTop: '8px', marginLeft: '10px', marginRight: '20px', background: "#009688", color: "#fff", border: 'none', outline: 'none' }}>选择图片</Button>
                </Upload>
            </div>

            <div style={{ display: "flex", marginTop: '20px' }}>
                <p>团购优惠</p>
                <textarea name="" id="" cols="30" rows="10" style={{ marginLeft: '16px', width: '1000px' }} placeholder='团购优惠'></textarea>
            </div>

            <div style={{ display: "flex", marginTop: '20px' }}>
                <p>楼盘特色</p>
                <textarea name="" id="" cols="30" rows="10" style={{ marginLeft: '16px', width: '1000px' }} placeholder='楼盘特色'></textarea>
            </div>

            <div style={{ display: "flex", marginTop: '20px' }}>
                <p>项目介绍</p>
                <img src="" alt="" />
                <textarea name="" id="" cols="30" rows="10" style={{ marginLeft: '16px', width: '700px', height: '300px' }} placeholder='楼盘特色'></textarea>
            </div>

            <div style={{ display: "flex", marginTop: '20px' }}>
                <p>seo标题</p>
                <input type="text" placeholder='seo标题' style={{ width: "350px", height: '40px', marginTop: '8px', marginLeft: '23px', marginRight: '20px' }} />
            </div>

            <div style={{ display: "flex", marginTop: '20px' }}>
                <p>seo关键字</p>
                <input type="text" placeholder='seo关键字' style={{ width: "350px", height: '40px', marginTop: '8px', marginLeft: '10px', marginRight: '20px' }} />
            </div>

            <div style={{ display: "flex", marginTop: '20px' }}>
                <p>seo描述</p>
                <textarea name="" id="" cols="30" rows="10" style={{ marginLeft: '23px', width: '1000px' }} placeholder='seo描述'></textarea>
            </div>

            <div>
                <button style={{ width: "200px", height: '40px', marginTop: '30px', borderRadius: '5px', marginLeft: '63px', marginRight: '20px', background: "#009688", color: "#fff", border: 'none', outline: 'none' }}>提交</button>
            </div>


        </div>
    )
}

export default AddBroupBuying